cordova搭建环境

一、配置java环境变量

1.安装JDK 选择安装目录安装过程中会出现两次安装提示。第一次是安装 jdk ，第二次是安装 jre 。建议两个都安装在同一个java文件夹中的不同文件夹中。（不能都安装在java文件夹的根目录下，jdk和jre安装在同一文件夹会出错）

建议在目录为：

D:\Install\Java\jdk1.8.0_131
D:\Install\Java\jre1.8.0_131

安装完jdk之后，接着配置环境变量 计算机→属性→高级系统设置→高级→环境变量

(1)新建系统变量 JAVA_HOME “变量值”这一栏主要填写的是你安装 java 的路径

“变量名”：JAVA_HOME
“变量值”：D:\Install\Java\jdk1.8.0_131

(2)系统变量→寻找Path变量→编辑。

在变量值最后输入`%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;`(注意原来Path的变量值末尾有没有;号，如果没有，先输入;号再输入上面的代码)。

(3)系统变量→新建CLASSPATH变量。(注意最前面有一点)代表当前路径

CLASSPATH: .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar

(4) 检验是否配置成功运行cmd输入java -version,javaac。

二、安装android sdk

1.直接安装Android studio就自带了android sdk
安装步骤非常简单，直接next，然后选择要安装的路径进行安装即可。

设置android sdk环境变量

变量名：ANDROID_HOME
变量值：D:\Install\Android\sdk
在path中加入：%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools; 注意要有分号。

三、安装android构建工具`gradle`

手动安装

步骤1. 下载最新的Gradle发行版

目前的Gradle版本是4.2.1版，发布于2017年10月02日。分发zip文件有两种风格：
二进制（sha256）
完成文档和来源（sha256）
如果有疑问，请选择二进制版本，并在线浏览文档和来源。

需要使用旧版本吗？请参阅发行页。

步骤2.打开分发包

Linux和MacOS用户

将分发zip文件解压缩到您选择的目录中，例如：

$ mkdir /opt/gradle
$ unzip -d /opt/gradle gradle-4.2.1-bin.zip
$ ls /opt/gradle/gradle-4.2.1
LICENSE  NOTICE  bin  getting-started.html  init.d  lib  media

Microsoft Windows用户

C:Gradle使用File Explorer创建一个新的目录。

打开另一个文件资源管理器窗口，并转到已下载Gradle发行版的目录。双击ZIP存档以公开内容。将内容文件夹拖动gradle-4.2.1到新创建的C:Gradle文件夹中。

或者，您可以将Gradle发行版ZIP解压缩为C:Gradle使用您选择的归档工具。

步骤3.配置系统环境

Linux和MacOS用户

配置您的PATH环境变量以包括bin解压缩的分发的目录，例如：

$ export PATH=$PATH:/opt/gradle/gradle-4.2.1/bin
Microsoft Windows用户

在文件资源管理器中，右键单击This PC（或Computer）图标，然后单击Properties- > Advanced System Settings- > Environmental Variables。

在System Variables选择下Path，然后单击Edit。添加一个条目C:Gradlegradle-4.2.1bin。单击确定保存。

步骤4.验证您的安装

打开控制台（或Windows命令提示符）并运行gradle -v以运行渐变并显示版本，例如：

$ gradle -v

------------------------------------------------------------
Gradle 4.2.1
------------------------------------------------------------

三、创建你的第一个App

1.全局安装cordova

sudo npm install -g cordova   //OSX 或者Linux上
npm install -g cordova        //Windows

2.创建App 跳转到你维护源代码的目录中，并创建你的cordova项目：

cordova create hello com.example.hello HelloWorld

将会在当前目录下创建一个hello目录作为这个Cordova工程的目录com.example.hello是项目的name和id,HelloWorld是项目的displayName

3.添加开发平台

添加浏览器平台
cordova platform add browser
添加Android平台
cordova platform add android
添加IOS平台
cordova platform add ios
如果想指定版本可以
cordova platform add android@6.1.0
列出已添加的平台
cordova platform ls

4.添加插件

cordova plugin add cordova-plugin-statusbar --save
罗列出已安装的插件
cordova plugin ls

5.调试

启用Android模拟器
cordova emulate android
也可以使用Android手机进入开发者模式进行调试
cordova run android

打包Cordova应用

cordova build android
OK了，如果命令行无错误信息的话就会在/platforms/android/build/outputs/apk目录下会生成一个.apk文件。

四、可能遇到的gradle问题

1.问题

(1) android sutdio第一次打开一个工程巨慢怎么办？
(2) 手动配置Gradle Home为什么总是无效?
(3) 明明已经下载了Gradle，配置了gradle home,为什么打开工程还是去自动下载Gradle?

简介

(1) Android Studio怎么知道该用哪个Gradle呢?
AS一个项目所用的Gradle是由我们的工程中下面这个文件决定的:

{your project}/gradle/wrapper/gradle-wrapper.properties
文件内容如下：

distributionBase=GRADLE_USER_HOME
distributionPath=wrapper/dists
zipStoreBase=GRADLE_USER_HOME
zipStorePath=wrapper/dists
distributionUrl=https\://services.gradle.org/distributions/gradle-2.4-all.zip

最后一排的distributionUrl 决定了这个项目使用的gradle版本，也就是说不同的项目可以使用不同的gradle版本，这也就是为什么修改Gradle Home失败的原因。那么我们怎么知道gradle有哪些版本呢？答案是下面这个链接：

Gradle下载地址：https://services.gradle.org/d...
所以只要对着上面的链接，修改后面的gradle版本就可以了.

(2) Gradle保存在哪里？
Gradle是大家共用的，当然不会把Gradle放在项目文件中(不是不可以)，AS将gradle保存在下面的目录：

Linux:
~/.gradle/wrapper/dists

windows:
C:\users\{user name}\.gradle\wrapper\dists

打开这个目录，可以看到下载好的gradle版本

Android Studio打开一个工程时，首先会读取gradle-wrapper.properties 文件，从而知道这个工程需要哪个版本的gradle ,然后就会去保存gradle的文件夹GRADLE_USER_HOME 去找看存不存在这个版本的gradle，不存在则会去distributionUrl 去下载
搞清楚了这个流程，现在是不是明白了，为什么第一次打开一个工程会巨慢了吧，因为AS会去下载gradle。为什么我明明下载了gradle，也指定了gradle的存放目录，可打开的时候还是会去自动下载gradle了，那是因为你没有配对地方。现在回过来看项目配置文件是不是gradle/wrapper/gradle-wrapper.properties 是不是恍然大悟？

配置方法

既然搞清楚了原理，也知道打开慢的原因是卡在下载gradle这一步，那么我们就自己下载gralde，然后配置上去
(1) 修改gradle-wrapper.properties
修改gradle-wrapper.properties 中的 distributionUrl，改成我们想要的版本，只改后面的版本就可以了，前面的部分不要改。具体版本看下面链接：

Gradle下载地址：https://services.gradle.org/d...
(2) 打开项目
这个时候AS将自动下载gradle，并创建好目录。这时直接干掉Android Studio并退出，因为这一步是为了得到AS自动创建的下载目录，定位到下面的目录：

Linux:
~/.gradle/wrapper/dists

windows:
C:\users\{user name}\.gradle\wrapper\dists

进入对应的gradle版本文件夹下，会发现有一个一串乱码的文件夹，本例以gradle2.4

(2) 下载gradle
从上面的Gradle下载地址，下载对应版本的gradle，本例中为gradle-2.4-all.zip,然后删除上图中的gradle-2.4-all.zip.part文件，将下载的gradle-2.4-all.zip复制到上图中一串乱码的文件夹下，注意不要解压。这样我们就跳过了下载gradle这一步。

(3) 重新开启Android Studio,打开工程，ok，一下子就打开了.

cordova搭建环境